<template>
	<el-select size="medium" v-model="value" placeholder="逾期状态">
	    <el-option
	      v-for="item in options"
	      :key="item.value"
	      :label="item.label"
	      :value="item.value">
	    </el-option>
	  </el-select>
</template>

<script>
	export default {
	    data() {
	      return {
	        options: [{
	          value: '选项1',
	          label: '已逾期'
	        }, {
	          value: '选项2',
	          label: '当天逾期'
	        }, {
	          value: '选项3',
	          label: '本周逾期'
	        }, {
	          value: '选项4',
	          label: '本月逾期'
	        }, {
	          value: '选项5',
	          label: '未逾期'
	        },{
	          value: '选项6',
	          label: '未设置'
	        }],
	        value: ''
	      }
	    }
	  }
</script>

<style scoped>
	/deep/.el-input--medium .el-input__inner {
		background-color: #f5f6f8;
		border-color: #F5F6F8;
		font-weight: 500;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	
	/deep/.el-input--medium .el-input__inner:hover {
		background-color: #ecedf0;
	}
	
	/deep/.el-select {
		width: 100%;
	}
</style>
